import leftopic from '@/components/leftopic'
import loading from '@/components/loading'
import vueLoading from 'vue-loading-template'
export default {
  data(){
    return{
      items:[
        {topic:'', context:' 要想肉粒外脆里嫩最好炸两次。第一次炸完捞出控油，再烧热锅复炸一次，就能保证炸出的里脊肉的酥脆了。 另外糖醋汁煮好后要先勾芡，将汁液煮浓稠，再放入炸好的里脊肉翻拌均匀。'},
        {topic:'', context:' 要想肉粒外脆里嫩最好炸两次。第一次炸完捞出控油，再烧热锅复炸一次，就能保证炸出的里脊肉的酥脆了。 另外糖醋汁煮好后要先勾芡，将汁液煮浓稠，再放入炸好的里脊肉翻拌均匀。'},
        {topic:'', context:' 要想肉粒外脆里嫩最好炸两次。第一次炸完捞出控油，再烧热锅复炸一次，就能保证炸出的里脊肉的酥脆了。 另外糖醋汁煮好后要先勾芡，将汁液煮浓稠，再放入炸好的里脊肉翻拌均匀。'},
      ],
      load_basebool:false,
      load_time:500,
      food_count:3
    }
  },
  components:{
    leftopic,
    loading,
    vueLoading
  },
  mounted:function(){
    this.getbasestartmes();
  },
  methods: {
    route(path){
      this.$router.push(path)
    },
    getbasestartmes:function(){
      var _this=this;
      this.$http.post(
        "/api/selectcook",
        {
          // data
        })
        .then(function (res) {
          console.log(res.data.data);
          for(var i=0;i<3;i++){
            _this.items[i].topic=res.data.data[i].topic;
            _this.items[i].context=res.data.data[i].contect;
          }
          console.log("请求成功");
        })
        .catch(function (err) {
          console.log(err);
          console.log("服务器错误");
        });
    },
    getbasemes:function(){
      var _this=this;
      console.log(_this);
      var basemes=_this.items[0].topic;
      _this.load_basebool=true;
      var time=window.setInterval(function(){
        _this.load_time=_this.load_time-1;
        //console.log(_this.load_time);
        if(_this.load_time<0){
          _this.load_basebool=false;
          _this.load_time=500;
          window.clearInterval(time);
          var mes=[
            {topic:'',context:''},
            {topic:'',context:''},
            {topic:'',context:''},
          ];
          var ldata,lbase;
          _this.$http.post(
            "/api/selectcook",
            {
              // data
            })
            .then(function (res) {
              console.log(res.data.data.length);
              ldata=res.data.data.length;
              lbase=_this.items.length;
              for(var i=0;i<3;i++){
                var count=parseInt(Math.random()*9);
                mes[i].topic=res.data.data[count].topic;
                mes[i].context=res.data.data[count].contect;
              }
              console.log("请求成功");
            })
            .catch(function (err) {
              console.log(err);
              console.log("服务器错误");
            });
          for(var j=0;j<3;j++){
            _this.items.push(mes[j]);
          }
        }
      },1);

    }
  },
}
